<template>
	<view class="warp">
		<view class="uni-margin-wrap">
			<view class="uni-back-view">
				<view class="b-view-item">
					<view class="b-view-address">
						<view class="b-view-address-item">
							<view class="top">
								<text>运单号:{{waybill_sn}}</text>
							</view>
						</view>
					</view>
				</view>
				<view class="b-view-item">
					<view class="b-view-address">
						<view class="b-view-address-item">
							<view class="top">

							</view>
							<view class="bottom">
								<view class="left"> 
									<text class="text1">{{waybillModel.send_username}}</text>
								  
									<view class="line"></view>
								</view>
								<view class="right">
									<text class="text1">{{waybillModel.send_mobile}}</text>
								</view>
							</view>
							<view class="bottom">
								<view style="width:100%">
									<text class="text1">详细地址:{{waybillModel.send_address}}</text>
								</view>
							</view>
						</view>
						<view class="b-view-address-item item-line"></view>
						<view class="b-view-address-item">
							<view class="item-left">
								<view class="bottom">
									<view class="left"> 
										<text class="text2">{{waybillModel.take_username}}</text>
										<view class="line"></view>
									</view>
									<view class="right">
										<text class="text2">{{waybillModel.take_mobile}}</text>
									</view>
									
								</view> 
								
								<view class="bottom">
									<view style="width:100%">
										<text class="text2">{{waybillModel.city}}</text>
									</view>
								</view>
								<view class="bottom">
									<view style="width:100%">
										<text class="text2">详细地址:{{waybillModel.take_address}}</text>
									</view>
								</view>
							
							</view> 
						</view>
						
					</view>
				</view>
				<view class="b-view-item">
					<view class="b-view-goods" v-for="(goodsItem,index) in waybillModel.goods" :key="index">
						<view class="b-view-goods-item">
							<view class="left">
								<text class="text1">物品名称:</text>
								<text class="text1">{{goodsItem.goods_name}}</text>
							</view>
						</view>
						<view class="b-view-goods-item item-line"></view>
						<view class="b-view-goods-item">
							<view class="left"> 
								<text class="text1">包装:</text>
								<text class="text1">{{goodsItem.goods_pack}}</text>
							</view>
							<view class="right"> 
								<text class="text1">数量:</text>
							 
								<text class="text1">{{goodsItem.goods_nums}}</text>
							</view>
						</view>
						<view class="b-view-goods-item item-line"></view>
						<view class="b-view-goods-item">
							<view class="left"> 
								<text class="text1">重量:</text>
								<text class="text1">{{goodsItem.goods_weight}}</text>
							</view>
							<view class="right"> 
								<text class="text1">体积:</text>
								<text class="text1">{{goodsItem.goods_volume}}</text>
							</view>
						</view>  
					</view>
				</view>
 
				<view class="b-view-item" v-show="false">
					<view class="b-view-services">
						<view class="b-view-services-item">
							<view class="left">
								<text class="text1">交货方式:</text>
							</view>
							<view class="right">
								<text >自送专线</text>
							
							</view>
						</view>
						<view class="b-view-services-item item-line"></view>
						<view class="b-view-services-item">
							<view class="left"> 
								<text class="text1">末端配送:</text>
							</view>
							<view class="right">
								<text v-if="waybillModel.delivery_type == 1">自提</text>
								<text v-if="waybillModel.delivery_type == 2">送货上门</text>
							</view>
						</view>
						<view class="b-view-services-item item-line"></view>
						<view class="b-view-services-item">
							<view class="left"> 
								<text class="text1">是否带回单:</text>
								
								
							</view>
							<view class="right">
								 <text v-if="waybillModel.is_receipt == 1">否</text>
								 <text v-if="waybillModel.is_receipt == 2">是</text>
							</view>
						</view>
						<view class="b-view-services-item item-line"></view>
						<view class="b-view-services-item">
							<view class="left"> 
								<text class="text1">付款方式:</text>
							</view>
							<view class="right">
								<text v-if="waybillModel.pay_from == 10">现付</text>
								<text v-if="waybillModel.pay_from == 20">提付</text>
								<text v-if="waybillModel.pay_from == 30">回单付</text>
							</view>
						</view>
						<view class="b-view-services-item item-line"></view>
						<view class="b-view-services-item">
							<view class="left"> 
								<text class="text1">代收货款:</text>
								
							</view>
							<view class="right">
								<text>{{waybillModel.advance_amount}}元</text>
							</view>
						</view>
						<view class="b-view-services-item item-line"></view>
						<view class="b-view-services-item">
							<view class="left"> 
								<text class="text1">异形件</text>
								 <text class="text5">品质路线针对异形货物存在溢价或拒单</text>
							</view>
							<view class="right">
								 <text v-if="waybillModel.is_unusual == 2">是</text>
								  <text v-if="waybillModel.is_unusual == 1">否</text>
							</view>
						</view>
						<view class="b-view-services-item item-line"></view>
						<view class="b-view-services-item">
							<view class="left"> 
								<text class="text1 text6">备注:</text>
							</view>
							<view class="right">
								<text >{{waybillModel.remark}}</text>			
							</view>
						</view>
						
					</view>
				</view> 
				 
				<view class="b-view-item" v-if="logList.length">
					<view class="b-view-log" v-for="(item, index) in logList" :key="index">
						<view class="title-info">
							<view class="title">
								<text class="txt">运单编号:{{ item.waybill_sn }}</text>
							</view> 
						</view>
						<view class="more">
							<view class="detail">
								<text class="text">{{ item.status_text }}</text>
							</view> 
							<view class="detail">
								<text class="text">{{ item.track }}</text>
							</view>
							 <view class="detail">
							 	<text class="text">站点:{{ item.site_name }}</text>
							 </view>
							 <view class="detail">
							 	<text class="text">{{ item.createtime }}</text>
							 </view> 
						</view>
					</view>
				</view>
			</view>
		</view>
		 <loading-cover ref="loadingCover"></loading-cover>
	</view>
</template>

<script>
	import delivery from '../public/js/order-track-log.js';

export default {
	components: { },
	mixins: [delivery],
	data() {
		return {
			
		};
	},
	methods:{
		 
	}
};
</script>
<style lang="scss">
@import '../public/css/order-track-log.scss';
.pop-box{
	position: relative;
	bottom: 60rpx;
}
.picker-btn{
	padding:3rpx 5rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.picker-view {
		width: 750rpx;
		height: 800rpx;
		padding:-10rpx 50rpx;
		.item{
			line-height: 100rpx;
			text-align: center;
		}
	}
</style>